<!doctype html>
<html lang="pt-br">
<head>
	<title>Tiago Turismo</title>
	<meta charset="UTF-8">
	<meta author="Transformando a WEB" />
	<meta description="Agência de Viagens Tiago Turismo. Você escolhe o destino... Nós levamos você!" />
	<meta keywords="turismo paraopeba, agencia de viagens, turismo paraopeba, agencia de viagens paraopeba" />
	<meta keywords="viajar paraobepa"/>
	<link rel="stylesheet" href="css/screen.css" type="text/css" />
	<link rel="stylesheet" href="css/supersized.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="theme/supersized.shutter.css" type="text/css" media="screen" />

	<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.min.js"></script>

	<script type="text/javascript" src="js/supersized.3.2.7.min.js"></script>
	<script type="text/javascript" src="theme/supersized.shutter.min.js"></script>

	<!--[if lt IE 9]>
	<script src="js/html5shiv.js"></script>
	<![endif]-->

	<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen" />
	<script type="text/javascript" src="bootstrap/js/bootstrap.js"></script>
	
	<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
<script type="text/javascript">
	
	jQuery(function($){
		
	$.supersized({
	
		// Functionality
		slideshow               :   1,			// Slideshow on/off
		autoplay				:	1,			// Slideshow starts playing automatically
		start_slide             :   1,			// Start slide (0 is random)
		stop_loop				:	0,			// Pauses slideshow on last slide
		random					: 	0,			// Randomize slide order (Ignores start slide)
		slide_interval          :   3000,		// Length between transitions
		transition              :   6, 			// 0-None, 1-Fade, 2-Slide Top, 3-Slide Right, 4-Slide Bottom, 5-Slide Left, 6-Carousel Right, 7-Carousel Left
		transition_speed		:	1000,		// Speed of transition
		new_window				:	1,			// Image links open in new window/tab
		pause_hover             :   0,			// Pause slideshow on hover
		keyboard_nav            :   1,			// Keyboard navigation on/off
		performance				:	1,			// 0-Normal, 1-Hybrid speed/quality, 2-Optimizes image quality, 3-Optimizes transition speed // (Only works for Firefox/IE, not Webkit)
		image_protect			:	1,			// Disables image dragging and right click with Javascript
												   
		// Size & Position						   
		min_width		        :   0,			// Min width allowed (in pixels)
		min_height		        :   0,			// Min height allowed (in pixels)
		vertical_center         :   1,			// Vertically center background
		horizontal_center       :   1,			// Horizontally center background
		fit_always				:	0,			// Image will never exceed browser width or height (Ignores min. dimensions)
		fit_portrait         	:   1,			// Portrait images will not exceed browser height
		fit_landscape			:   0,			// Landscape images will not exceed browser width
												   
		// Components							
		slide_links				:	'blank',	// Individual links for each slide (Options: false, 'num', 'name', 'blank')
		thumb_links				:	1,			// Individual thumb links for each slide
		thumbnail_navigation    :   0,			// Thumbnail navigation
		slides 					:  	[			// Slideshow Images
			{image : 'imagem/img1.jpg', title : '', thumb : '', url : ''},
			{image : 'imagem/img2.jpg', title : '', thumb : '', url : ''}, 
			{image : 'imagem/img3.jpg', title : '', thumb : '', url : ''}, 
			{image : 'imagem/img4.jpg', title : '', thumb : '', url : ''},
			{image : 'imagem/img5.jpg', title : '', thumb : '', url : ''},
			{image : 'imagem/img6.jpg', title : '', thumb : '', url : ''},
			{image : 'imagem/img7.jpg', title : '', thumb : '', url : ''}, 
			{image : 'imagem/img8.jpg', title : '', thumb : '', url : ''}, 
			{image : 'imagem/img9.jpg', title : '', thumb : '', url : ''},
		],
		// Theme Options			   
		progress_bar			:	1,			// Timer for each slide							
		mouse_scrub				:	0
	});
    });
    
</script>
	</head>
	
	<style type="text/css">
		ul#demo-block{ margin:0 15px 15px 15px; }
		ul#demo-block li{ margin:0 0 10px 0; padding:10px; display:inline; float:left; clear:both; color:#aaa; background:url('img/bg-black.png'); font:11px Helvetica, Arial, sans-serif; }
		ul#demo-block li a{ color:#eee; font-weight:bold; }
	</style>

<body>
	<!--[if lt IE 9]>
	<div class="alert alert-error">Por favor, atualize seu navegador para uma versão mais recente.</div>
	<![endif]-->
	<!--Thumbnail Navigation-->
	<div id="prevthumb"></div>
	<div id="nextthumb"></div>
	
	<!--Arrow Navigation-->
	<a id="prevslide" class="load-item"></a>
	<a id="nextslide" class="load-item"></a>
	
	<div id="thumb-tray" class="load-item">
		<div id="thumb-back"></div>
		<div id="thumb-forward"></div>
	</div>
	<header>
	<div class="centro">	
		<h1 id="logo">Tiago Turismo <small>Você escolhe o destino.. Nós levamos você!</small></h1>
		<div id="atendimento-topo">
			Atendimento: <br/>
			(31) 7777-8888
		</div>
	<!-- FIM CENTRO HEADER -->
	</div>	
	<!-- FIM HEADER -->	
	</header>
	<nav class="navTop">
		<div class="centro">
		<div class="navbar navbar-inverse navbar-relative-top">
            <div class="navbar-inner">
            	
<div class="container">
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
</button>
<div class="nav-collapse">
<ul id="main-menu" class="nav">
	<li id="menu-item-18" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-7 current_page_item menu-item-18"><a href="http://viarealviagens.com.br/">Início</a></li>
	<li id="menu-item-17" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17"><a href="http://viarealviagens.com.br/quem-somos/">Quem Somos</a></li>
	<li id="menu-item-16" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16 dropdown">
	<a data-toggle="dropdown" class="dropdown-toggle" href="http://viarealviagens.com.br/pacotes/">
		Pacotes<b class="caret"></b>
	</a>
<ul class="dropdown-menu">
<li id="menu-item-31" class="menu-item menu-item-type-taxonomy menu-item-object-cat_pacotes menu-item-31"><a class="" href="http://viarealviagens.com.br/cat_pacotes/cruzeiros-maritimos/">Cruzeiros Marítimos</a></li>
<li id="menu-item-32" class="menu-item menu-item-type-taxonomy menu-item-object-cat_pacotes menu-item-32"><a class="" href="http://viarealviagens.com.br/cat_pacotes/hoteis-e-rosorts/">Hotéis e Rosorts</a></li>
<li id="menu-item-33" class="menu-item menu-item-type-taxonomy menu-item-object-cat_pacotes menu-item-33"><a class="" href="http://viarealviagens.com.br/cat_pacotes/pacotes-internacionais/">Pacotes Internacionais</a></li>
<li id="menu-item-34" class="menu-item menu-item-type-taxonomy menu-item-object-cat_pacotes menu-item-34"><a class="" href="http://viarealviagens.com.br/cat_pacotes/pacotes-nacionais/">Pacotes Nacionais</a></li>
<li id="menu-item-281" class="menu-item menu-item-type-post_type menu-item-object-pacotes menu-item-281"><a class="" href="http://viarealviagens.com.br/pacotes/disney/">Disney</a></li>
</ul>
</li>
<li id="menu-item-129" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-129 dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#">Informações Úteis<b class="caret"></b></a>
<ul class="dropdown-menu">
<li id="menu-item-201" class="menu-item menu-item-type-post_type menu-item-object-informacoes menu-item-201"><a class="" href="http://viarealviagens.com.br/informacoes/alfandega/">ALFÂNDEGA</a></li>
<li id="menu-item-111" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-111"><a class="" target="_blank" href="http://www4.bcb.gov.br/pec/conversao/conversao.asp">Câmbio</a></li>
<li id="menu-item-112" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-112"><a class="" target="_blank" href="http://www.timezonecheck.com/">Fuso Horários</a></li>
<li id="menu-item-113" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-113"><a class="" target="_blank" href="http://www.climatempo.com.br/previsao-do-tempo/mundo/">Tempo</a></li>
<li id="menu-item-202" class="menu-item menu-item-type-post_type menu-item-object-informacoes menu-item-202"><a class="" href="http://viarealviagens.com.br/informacoes/documentos-de-embarque/">DOCUMENTOS DE EMBARQUE</a></li>
<li id="menu-item-117" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-117"><a class="" target="_blank" href="http://www.amadeus.net/home/new/subwaymaps/en/">Mapas de Metrô</a></li>
<li id="menu-item-203" class="menu-item menu-item-type-post_type menu-item-object-informacoes menu-item-203"><a class="" href="http://viarealviagens.com.br/informacoes/passaportes/">PASSAPORTES</a></li>
<li id="menu-item-121" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-121"><a class="" target="_blank" href="http://www.viamichelin.es/web/Mapas">Rodoviário Europa</a></li>
<li id="menu-item-204" class="menu-item menu-item-type-post_type menu-item-object-informacoes menu-item-204"><a class="" href="http://viarealviagens.com.br/informacoes/vacinas/">VACINAS</a></li>
<li id="menu-item-205" class="menu-item menu-item-type-post_type menu-item-object-informacoes menu-item-205"><a class="" href="http://viarealviagens.com.br/informacoes/transporte-de-animais/">TRANSPORTE DE ANIMAIS</a></li>
</ul>
</li>
<li id="menu-item-132" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-132 dropdown"><a data-toggle="dropdown" class="dropdown-toggle" href="#">Serviços<b class="caret"></b></a>
<ul class="dropdown-menu">
<li id="menu-item-133" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-133"><a class="" target="_blank" href="http://www.infraero.gov.br/voos/index.aspx">Consulta Infraero</a></li>
<li id="menu-item-211" class="menu-item menu-item-type-post_type menu-item-object-servicos menu-item-211"><a class="" href="http://viarealviagens.com.br/servicos/consulta-de-hoteis-nacionais/">Consulta de hotéis nacionais</a></li>
<li id="menu-item-218" class="menu-item menu-item-type-post_type menu-item-object-servicos menu-item-218"><a class="" href="http://viarealviagens.com.br/servicos/consulta-de-hoteis-internacionais/">Consulta de hotéis internacionais</a></li>
<li id="menu-item-217" class="menu-item menu-item-type-post_type menu-item-object-servicos menu-item-217"><a class="" href="http://viarealviagens.com.br/servicos/consulta-de-voos/">Consulta de vôos</a></li>
<li id="menu-item-216" class="menu-item menu-item-type-post_type menu-item-object-servicos menu-item-216"><a class="" href="http://viarealviagens.com.br/servicos/aluguel-de-veiculos/">Aluguel de veículos</a></li>
<li id="menu-item-188" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-188"><a class="" href="http://viarealviagens.com.br/seguro-de-viagem/">SEGURO DE VIAGEM</a></li>
<li id="menu-item-208" class="menu-item menu-item-type-post_type menu-item-object-servicos menu-item-208"><a class="" href="http://viarealviagens.com.br/servicos/web-check-in/">WEB CHECK-IN</a></li>
<li id="menu-item-288" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-288"><a class="" target="_blank" href="https://www.visa.com.br/conteudo.asp?pg=1340">VTM – Visa Travel Money</a></li>
</ul>
</li>
<li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13"><a href="http://viarealviagens.com.br/contato/">Contato</a></li>
</ul></div>            
	</div> <!-- /container -->
</div><!-- /navbar-inner -->
</div><!-- /navbar -->
		<!-- FIM CENTRO -->
		</div>
	</nav>
	<section class="centro">
			<div class="box-destaque" style="background-color: #27ae60">				
				<img src="imagem/nacionais.png" width="148" height="105"    style="top: 20px; left: 27px"/>
				<h3>PACOTES NACIONAIS</h3>				
			</div>
			
			<div class="box-destaque" style="background-color: #2980b9;">				
				<img src="imagem/internacionais.png" style="top: 20px; left: 45px" />				
				<h3>PACOTES INTERNACIONAIS</h3>				
			</div>
			
			<div class="box-destaque" style="background-color: #d35400;">				
				<img src="imagem/hoteis.png" style="top: 20px; left: 70px" />
				<h3>HOTÉIS E RESORTS</h3>				
			</div>
			
			<div class="box-destaque" style="background-color: #c0392b;">
				<img src="imagem/cruzeiros.png" style="top: 20px; left: 27px" />
				<h3>CRUZEIROS MARÍTIMOS</h3>
			</div>
			
			<div class="box-destaque" style="background-color: #8e44ad;">				
				<img src="imagem/disney.png" style="top: 20px; left: 35px" />
				<h3>PACOTES PARA A DISNEY</h3>				
			</div>
			<div class="clear"></div>
		
	</section>
	
	
	
<footer>
<div class="centro">
	<div id="copy">
	© Copyright 2013 Tiago Turismo. 
	Todos os direitos reservados 
	Desenvolvimento: Transformando a WEB
	<!-- FIM COPY -->
	</div>
	<div id="carrosel-marcas">
		  <ul id="mycarousel" class="jcarousel-skin-tango">
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		    <li><img src="imagem/marcas/exemplo.jpg" alt="" /></li>
		  </ul>
	</div>

<!-- FIM CENTRO FOOTER -->
</div>
</footer>

<script type="text/javascript" src="js/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="carrossel/tango/skin.css" />
<script type="text/javascript">
function mycarousel_initCallback(carousel){
    // Disable autoscrolling if the user clicks the prev or next button.
    carousel.buttonNext.bind('click', function() {
        carousel.startAuto(0);
    });

    carousel.buttonPrev.bind('click', function() {
        carousel.startAuto(0);
    });

    // Pause autoscrolling if the user moves with the cursor over the clip.
    carousel.clip.hover(function() {
        carousel.stopAuto();
    }, function() {
        carousel.startAuto();
    });
};
jQuery(document).ready(function() {
    jQuery('#mycarousel').jcarousel({
        auto: 4,
        wrap: 'circular',
        initCallback: mycarousel_initCallback
    });
});
</script>
</body>
</html>
